<template>
	<view>
		<!-- 	// 返回上一页 -->
		<view class=""
			style="z-index: 999; background: #fff; padding-top: 30px; position: fixed; width: 100%;top: 0rpx;  height: 100rpx; display: flex; align-items: center; ">
			<image @click="toReturn" style="width: 50rpx; height: 50rpx;" src="../../../static/images/goBack.png">
			</image>
			<span style="margin-left: 20rpx;">完结</span>
		</view>
		<view class="" style="margin-top: 160rpx;">
			
	
		<view class="" v-for="(item ,index) in dataList" @click="todataList(item)"
			style="display: flex; align-items: center;background:#fff;width: 90%; margin:10rpx auto 0 auto;">
			<view class="">
				
				<image style="width: 150rpx; height:200rpx;" :src="`${yourBaseURL}${item.mian_image}`"></image>
			</view>
			<view class="" style="font-size: 20rpx; margin-left: 20rpx;">
				<p style="font-size: 40rpx; font-weight: 600;">{{item.title}}</p>
				<view style="padding: 10rpx 0;">
					<span>主角：</span>
					<span>{{item.author}}</span>
				</view>
				<view style="height: 80rpx; overflow: hidden; ">
					<span
						style="line-height: 40rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;">
						简介:{{item.jie}}
					</span>
				</view>
				<view style="padding: 10rpx 0;">
					<span>已完结</span> <span>·{{item.author}}</span>
				</view>
			</view>
		</view>
			</view>
	</view>
</template>

<script>
	import {
		getMyRenew
	} from '@/http/api.js';
	export default {
		data() {
			return {
dataList:[],
yourBaseURL: 'http://hyxs.ychlkj.cn',
			};
		},
		onLoad() {
			this.MyRenew()
		},
		methods: {
			// 返回上一页
			toReturn() {
				uni.navigateBack();
			},
			MyRenew(){
				getMyRenew().then((res)=>{
					if(res[1].data.code ==1){
						this.dataList =res[1].data.data 
						console.log(res[1].data.data,"wanjie");
					}
					
				})
			},
			todataList(item){
				uni.navigateTo({
					url: '/pages/books/details/details?id='+item.bookclass_id,
				});
			console.log(item,"[][][]");	
			},
		}
	}
</script>

<style lang="scss">
</style>